@charset "utf-8";
$font-size: 40; //根节点的字体大小
@function r($px) {
    @return $px/$font-size*1rem; //计算rem
}

@mixin middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@mixin abCenter {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

@mixin aImg {
    overflow: hidden;
    position: relative;
    img {
        position: absolute;
        width: 100%;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
    }
}

@mixin AImg {
    position: relative;
    img {
        position: absolute;
        height: 100%;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
    }
}

@mixin Ajuz {
    overflow: hidden;
    position: relative;
    border: 1px solid white;
    border-radius: r(10);
    img {
        position: absolute;
        width: 85%;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
    }
}

//web背景
@mixin webbg {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to top, #a69c8d, #dbd7cf, #d2cec3);
    background: -webkit-linear-gradient(to top, #a69c8d, #dbd7cf, #d2cec3);
}

//@mixin Logok {
//  height: r(100);
//  background: #5c4233;
//  line-height: r(100);
//  position: relative;
//  padding-left: r(30);
//  .Imgg{
//      width: r(205);
//      height: r(66);
//      display: block;
//      position: absolute;
//      top: 50%;
//      overflow: hidden;
//      transform: translateY(-50%);
//      img {
//          position: absolute;
//          width: 100%;
//          top: -9999px;
//          bottom: -9999px;
//          left: -9999px;
//          right: -9999px;
//          margin: auto;
//      }
//  }
//}